﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #fff;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    text-align:left;
    font-family: "Trebuchet MS", sans-serif; 
}
a{text-decoration:none;}
a:link
{
    text-decoration:none;
}
a:visited
{
}
a:hover
{
    text-decoration: none;
}
a:active
{
    text-decoration:none;
}
img{border:none 0px;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}



/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/*layout end*/
/*jquery ui customization*/
.my_button {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
.my_button span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

#divflash
{    
    top: 0px;
    position: absolute;
    left: 0px;
    border-bottom:solid 1px gray;
    z-index: 999;   
    width:100%;
    text-align:center;
    display:none;
    font-size:xx-large;
    font-weight:bold;
    background-color:white;
    vertical-align:middle;
    height:50px;
    cursor:pointer;
}
#loadingDiv
{    
    top: 1px;
    position: absolute;
    left: 0px;
    border-bottom:solid 1px gray;
    z-index: 999;   
    width:100%;
    height:100%;
    text-align:center;
    font-size:xx-large;
    font-weight:bold;
    background-color:#FFF;    
    vertical-align:middle;
    display:none;
}
#loadingDiv img
{
    position: absolute;
    top:50%;
    left:50%;
}




/*---------------------------------------------------------*/
/* Forms */
fieldset{ padding:20px;margin:20px;border:solid 0px;font-size: 18px;}
form input[type="text"], form input[type="password"], form textarea
{
    font-family: Georgia;
    font-size: 16px;
    padding: 4px;
    border: solid 1px gray;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 280px;
}
form textarea
{
    width:300px;
    height:80px;
}
form label
{
    font-weight: bold;
    font-size: 16px;
    width: 142px;
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    display: inline-table; *display:block;
*margin-left:0px;
*margin-top:10px;
}
form input[type="submit"]
{
    margin-right: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 200px;
    height: 50px;
    font-size: x-large;
}
form input[type="checkbox"]
{
    font-size: 16px;
    vertical-align: middle;
}

/*---------------------------------------------------------*/
.loginbutton
{    
    float:right;
    width:210px;
    height:22px;
    z-index: 999;   
    text-align:center;
    vertical-align:middle;
}
.loadingDiv img
{
    position: absolute;
    top:50%;
    left:50%;
}